        * {
            margin: 0;
            padding: 0;
        }
        
        a:link {
            color: white;
        }
        
        a:visited {
            color: rgb(252, 210, 210);
        }
        
        a:hover {
            color: rgb(250, 215, 250);
            transform: scale(1.1) translate(0, -10px);
        }
        
        body {
            width: 1200px;
            background-image: url(../img/个人/dog.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        
        .musicbg {
            position: absolute;
            top: 600px;
            left: 1100px;
        }
        
        .container {
            width: 1200px;
            height: 700px;
            position: relative;
            left: 170px;
            top: 50px;
            text-align: center;
            background-size: 100%;
            background-repeat: no-repeat;
            /*background-color: rgb(250, 226, 226);*/
            background-attachment: fixed;
            background-position: center;
        }
        
        .boxo {
            margin: 0 auto;
            display: block;
            width: 0px;
            height: 0px;
            border: 50px solid transparent;
            border-top-color: rgb(241, 228, 228);
            animation: animate 1s ease-in infinite alternate;
            position: absolute;
            top: 550px;
            left: 560px;
        }
        
        @keyframes animate {
            0% {
                transition: translate(0, 0);
            }
            50% {
                border-top-color: rgb(192, 211, 192);
            }
            100% {
                transform: translate(0px, 50px);
            }
        }
        
        .boxw {
            margin: 0 auto;
            display: block;
            width: 0px;
            height: 0px;
            border: 50px solid transparent;
            border-top-color: rgb(241, 228, 228);
            animation: animate 1s ease-in infinite alternate;
            position: absolute;
            top: 300px;
            left: 377px;
        }
        
        @keyframes animate {
            0% {
                transition: translate(0, 0);
            }
            50% {
                border-top-color: rgb(192, 211, 192);
            }
            100% {
                transform: translate(0px, 50px);
            }
        }
        
        .head {
            width: 1200px;
            height: 150px;
            position: fixed;
            top: 50px;
            left: 180px;
        }
        
        .name {
            width: 70px;
            height: 60px;
            /* background-color: red;*/
            position: absolute;
            top: 10px;
            left: 30px;
            font-size: 20px;
            border-width: 3px;
            border-style: double;
            border-color: black;
            transition: all 0.5s;
        }
        
        .name:hover {
            transform: scale(1.1) translate(0, -10px);
        }
        
        .contacted {
            position: absolute;
            top: 20px;
            left: 1070px;
            transition: all 0.5s;
        }
        
        .contacted:hover {
            transform: scale(1.1) translate(0, -10px);
        }
        
        .headsone {
            position: absolute;
            top: 20px;
            left: 500px;
            transition: all 0.5s;
        }
        
        .headsone:hover {
            transform: scale(1.1) translate(0, -10px);
        }
        
        .headstwo {
            position: absolute;
            top: 20px;
            left: 620px;
            transition: all 0.5s;
        }
        
        .headstwo:hover {
            transform: scale(1.1) translate(0, -10px);
        }
        
        .footer {
            width: 1180px;
            position: absolute;
            top: 1250px;
            left: -125px;
        }
        
        .footerso {
            position: absolute;
            top: -20px;
            left: 15px;
            transition: all 0.5s;
        }
        
        .footerso:hover {
            transform: scale(1.1) translate(0, -10px);
        }
        
        .footerst {
            position: absolute;
            top: -20px;
            left: 110px;
            transition: all 0.5s;
        }
        
        .footerst:hover {
            transform: scale(1.1) translate(0, -10px);
        }
        
        .footerhr {
            position: absolute;
            top: 60px;
            left: 80px;
        }
        
        .row {
            position: absolute;
            top: 10px;
            left: 500px;
        }
        
        .main {
            position: absolute;
            top: 200px;
            left: 150px;
            color: white;
        }
        
        .maino {
            font-size: 50px;
        }
        
        .maint {
            font-size: 100px;
            font-weight: 6px;
            animation: mainmove 4s linear;
        }
        
        @keyframes mainmove {
            0% {
                transform: translate(0, -150px) scale(0.2);
            }
            20% {
                transform: scale(0.4);
            }
            40% {
                transform: translate(20px, -100px) scale(0.6);
            }
            60% {
                transform: translate scale(0.2);
            }
            80% {
                transform: translate(30px, -50px) scale(1);
            }
            100% {
                transform: scale(1.5);
            }
        }
        
        .mainth {
            position: absolute;
            top: 400px;
            left: 400px;
        }
        
        .nav {
            position: absolute;
            top: 550px;
            left: 850px;
        }
        
        .abouttwo {
            position: absolute;
            top: 850px;
            left: 300px;
            color: white;
        }
        
        .abtwoh {
            font-size: 30px;
            color: white;
        }
        
        .abthreep {
            position: absolute;
            top: 100px;
            left: 400px;
            color: white;
        }
        
        .abtwop {
            width: 700px;
            height: 100px;
            position: absolute;
            top: 100px;
            left: 300px;
            color: white;
        }
        
        .abthree {
            width: 1200px;
            position: absolute;
            top: 800px;
            left: 50px;
            color: white;
        }
        
        .abthreep {
            position: absolute;
            top: 80px;
            left: 0px;
            color: white;
        }
        
        .abthreepur {
            position: absolute;
            top: 20px;
            left: 400px;
        }